<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>建筑猎聘全职页面</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <link href="/dist/style/edit-dbc7df7e74.css" rel="stylesheet">
  
    <!--[if lt IE 9]>
    <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div class="h_first">
        <div class="f_left">
            <a href="javascript:;">
                <img src="/dist/images/logo_lp.png">
            </a>
            <span>
                           中国建筑界最大的人才数据库平台
                                <br>
                           已有<em>18000</em>位建筑业的中高端人才加入了这个平台
                       </span>
        </div>
        <div class="f_right">
            
          <ul class="nav nav-pills">
            <li class="actives active"><a href="javascript:;">首页</a></li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                职位管理 <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="javascript:;">已发布</a></li>
                <li><a href="javascript:;">已上架</a></li>
                <li><a href="javascript:;">审核中</a></li>
                <li><a href="javascript:;">审核失败</a></li>
                
                
              </ul>
            </li>
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                收藏夹 <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="javascript:;">人才收藏</a></li>
                <li><a href="javascript:;">新闻收藏</a></li>
              
              </ul>
            </li>
      
            <li class="dropdown">
              <a class="dropdown-toggle" data-toggle="dropdown" href="javascript:;">
                简历管理 <span class="caret"></span>
              </a>
              <ul class="dropdown-menu">
                <li><a href="javascript:;">搜索简历</a></li>
                <li><a href="javascript:;">全职简历</a></li>
                <li><a href="javascript:;">兼职简历</a></li>
                
               
              </ul>
            </li>
            <li class="use">
              <img class="useImg" src="/dist/images/headerImg.png">
              <div class="mes" style="display:none">
                <div class="mess">
                  <div class="cd1">
                    <ul> 
                      <li>
                        <img class="touxiang" src="/dist/images/headerImg.png">
                      </li>
                      <li>
                        <p>网络科技有限公司</p>
                        <p>2018-11-11  到期</p>
                      </li>
                      <li>
                         <span>黄金会员</span>
                         <p><a href="javascript:;">会员权益 ></a></p>
                      </li>
                    </ul>
                  </div>
                  <div class="cd2">
                    <div class="li">
                      <p><img src="./dist/images/ioc1.png"></p>
                      <a href="javascript:;">企业信息</a>
                    </div>
                    <div class="li">
                      <p><img src="./dist/images/ioc2.png"></p>
                      <a href="javascript:;">账户安全</a>
                     
                    </div>
                    <div class="li">
                      <p><img src="./dist/images/ioc3.png"></p>
                      <a href="javascript:;">资产信息</a>
                    
                    </div>
                    <div class="li">
                      <p><img src="./dist/images/ioc4.png"></p>
                      <a href="javascript:;">消息中心</a>
                     
                    </div>
                  </div>
                  <div class="cd3">
                    <a href="javascript:;">退出登录</a>
                  </div>
                </div>
              </div>
               
            </li></ul></div>
          
            
          
    </div> 
    <div class="count">
        <div class="detal contact">
  
           <div class="inform">
             
             <span class="mes"><img src="/dist/images/icon1.png"> Sunyuklong先生，系统检测到您的账户内还有 10 职位数未使用，是时候该主动出击发布职位寻找合适候选人～ ！<a href="javascript:;">立即使用</a></span>
           </div>

           <div class="fg">
             <div class="title">
                <p>职位描述</p>
             </div>
           </div>

            <div class="input Cname">
                <div class="left">
                  职位标题
                </div>
                <div class="right">
                  <p class="ts0"><input type="text" class="form-control" placeholder="如: 造价师，请勿超过20个字"> </p>
                  
                 </div>
                
            </div>

            <div class="input zs">
                    <div class="left">
                      证书类别
                    </div>
                    <div class="right">
                       <div class="form-group form-groups" style="display:inline-block;"> 
                           <label class="sr-only">面议</label>
                           <select class="form-control">
                             <option>引入我们的数据</option>
                             <option>面议</option>
                           </select>
                       </div>
                       -
                       <div class="form-group form-groups" style="display:inline-block;">
                        <label class="sr-only">面议</label>
                        <select class="form-control">
                                <option>引入我们的数据</option>
                                <option>面议</option>
                        </select>
                    </div>
                      
                     </div>
                    
            </div>

            <div class="input rs">
                    <div class="left">
                      招聘人事
                    </div>
                    <div class="right">
                       <div class="form-group form-groups">
                           <label class="sr-only">若干人</label>
                           <select class="form-control">
                             <option>1-5人</option>
                             <option>5-20人</option>
                             <option>20-30人</option>   
                             <option>若干人</option>                           
                           </select>
                       </div>
                      
                     </div>
                    
             </div>

            <div class="input cpay">
                <div class="left">
                职位薪资
                </div>
                <div class="right">
                <div class="form-group form-groups">
                    <label class="sr-only">面议</label>
                    <select class="form-control">
                        <option>3K-6K</option>
                        <option>6K-10K</option>
                        <option>10K-15K</option>
                        <option>15K以上</option>
                        <option>6.5W以上</option>
                        <option>面议</option>
                    </select>
                    <span>元/月</span>
                </div>
                
                </div>
                
            </div>
            
            <div class="input address">
                    <div class="left">
                        所在城市
                        </div>
                        <div class="right">
                            <form class="form-inline">
                                <div data-toggle="distpicker">
                                <div class="form-group">
                                    <label class="sr-only" for="province2">湖北省</label>
                                    <select class="form-control" id="province2" data-province="广东省"></select>
                                </div>
                                -
                                <div class="form-group">
                                    <label class="sr-only" for="city2">武汉市</label>
                                    <select class="form-control" id="city2" data-city="---- 选择市 ----"></select>
                                </div>
                                -
                                <div class="form-group">
                                        <label class="sr-only" for="district2">District</label>
                                        <select class="form-control" id="district2" data-district="---- 选择区 ----"></select>
                                      </div>
                        
                                </div>
                            </form>
                        </div>
            </div>

        

            <div class="fg">
                <div class="title">
                   <p>证书要求</p>
                </div>
            </div>


            <div class="input jy">
                <div class="left">
                    工作经验
                </div>
                <div class="right">
                    <div class="form-group form-groups">
                        <label class="sr-only">不限</label>
                        <select class="form-control">
                            <option>1年</option>
                            <option>2-5年</option>
                            <option>5-10年</option>
                            <option>10年以上</option>
                            <option>不限</option>               
                        </select>
                    </div>
                    
                    </div>
                
            </div>


           

            <div class="input xl">
                        <div class="left">
                            学历要求
                        </div>
                        <div class="right">
                            <div class="form-group form-groups">
                                <label class="sr-only">不限</label>
                                <select class="form-control">
                                    <option>高中</option>
                                    <option>大专</option>
                                    <option>本科</option>
                                    <option>硕士</option>
                                    <option>博士以上</option>
                          
                                 
                                    <option>不限</option>               
                                </select>
                            </div>
                            
                            </div>
                        
            </div>

            <div class="input intro">
                    <div class="left">
                     职位说明
                      </div>
                      <div class="right">
                          <textarea class="form-control" rows="5"></textarea>
                       </div>
            </div>
       
       
             <div class="btnPull">
               <button type="button" class="btn btn-primary pullC">发布职位</button>
               <button type="button" class="btn btn-default">返回</button>
             </div>
             <div class="tx">
                    <em>*</em>密码修改成功后会强制退出，需要使用新密码重新登录，请谨慎操作。
            </div>
          
        </div> 
    </div>

 
    <div class="message">
        <img src="./dist/images/icon1.png" alt="icon1" class="messages">
        <span>查看全部消息</span>
    </div>
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <script src="/dist/js/distpicker.data.js"></script>
    <script src="/dist/js/distpicker.js"></script>
    <script src="/dist/js/com.js"></script>

    <script>
  
  
        $(function(){
            let big = $('.use .mes');
            let use = $('.useImg');
            use.mouseenter(()=>{
                big.show();
            });
            big.mouseleave(()=>{
                big.hide();
            });
          /**下拉初始化*/
            $('.form-groups').each(function(index,sele){
                var _this = $(this);
                var tag = _this.find('.sr-only').html()
                console.log(index,tag);
                _this.find('select option:contains('+tag+')').prop("selected",true)
            })

           $('.pullC').click(function(){

                var Cname = $('.Cname input');
                var intro = $('.intro textarea');
             

             

                if(Cname.val()==''){
                  smallHint (Cname,'bottom','职位名称不能为空',3000)

                     bigestHint('温馨提示！','职位名称不能为空','warning',3000)
                }else if(Cname.val().length>20){
                  smallHint (Cname,'bottom','职位名称不能超过20！',3000)

                     bigestHint('温馨提示','职位名称不能超过20！','warning',3000)
                }else if(intro.val().length<1){
                  smallHint (intro,'bottom','职位说明不能为空',3000)

                     bigestHint('温馨提示！','职位说明不能为空','warning',3000)
                }else{
                  bigestHint('职位发布成功！','页面两秒后进行跳转','success',3000)
                }
       
           }) 
          })  
 
    </script>


</body>
</html>